<script type="text/javascript" language="JavaScript"><!--

function RemoveContent(d) {
document.getElementById(d).style.display = "none";
}

function InsertContent(d) {
document.getElementById(d).style.display = "";
}

//--></script>

<div id="abc" style="font-size: 24px;">Hello!</div>
<div id="xyz" style="font-size: 24px; display: none;">Good-bye!</div>

<a href="javascript:RemoveContent('abc')">Remove Hello!</a><br>
<a href="javascript:InsertContent('xyz')">Insert Good-bye!</a><br>
<a href="javascript:RemoveContent('xyz')">Remove Good-bye!</a><br>
<a href="javascript:InsertContent('abc')">Insert Hello!</a>

<a href="#"> 
<table> 
  <tr> 
    <td width="100" height="32" align="center" valign="center" onmouseover="document.getElementById('home').className='menuactive';" onmouseout="document.getElementById('home').className='menu';" class="menu"><span class="menu" id="home">Home</span></td></a> 
